var pocet = 0;
var array = [1, 2, 3, 4, 5, 6, 7, 8, 9];
jQuery(document).ready(function () {

    $('.checkbox_route_left').mouseover(function () {
        $(this).css('cursor', 'pointer');
        $(this).css('text-decoration', 'underline');
    }).mouseout(function () {
            $(this).css('text-decoration', 'none');
        });


    $('#select_deselect_areas').click(function () {
        if ($('.checkbox_route_left').attr('class') == "checkbox_route_left checkbox_route_checked") {
            $('.checkbox_route_left').removeClass('checkbox_route_checked');
            array = [1];
        }
        else {
            $('.checkbox_route_left').addClass('checkbox_route_checked');
            array = [1, 2, 3, 4, 5, 6, 7, 8, 9];
        }
    });


    $('.checkbox_route_left').click(function () {
        array = [];
        $(this).toggleClass('checkbox_route_checked');
        for (var i = 1; i <= 9; i++) {
            if ($('#area_' + i).attr('class') == 'checkbox_route_left checkbox_route_checked')
                array.push(i);
        }
        ;
    });

    $('#but').click(function () {
        var close_img = 0;
        // $('#vypis').text(array)
        if (array.length == 0) {
            close_img = 1;
            array.push(1);
            $('#area_1').attr('class', 'checkbox_route_left checkbox_route_checked');
        }
        $.ajax({
            type:'POST',
            data:{ 'areas':array },
            url:CI.base_url + 'profile/saveAreas/',
            success:function (response) {
                if (response == 'ok') {
                    if (close_img == 1) {
                        $('#vypis').show().html('<span style="color:green;">Zmeny nastavení krajov boli úspešne uložené. <span style="color:red;font-weight:bold;">Musí byť zvolená aspoň jedna položka, preto prvá možnosť bola automaticky označená.</span></span>');
                    }
                    else {
                        $('#vypis').show().html('<span style="color:green;">Zmeny nastavení krajov boli úspešne uložené.</span>');
                    }

                    setTimeout(function () {
                        $('#vypis').fadeOut(1000);
                    }, 5000);
                }
            }
        });
    });
});
$(function () {
    $(".sortable").sortable({
        connectWith:".sortable",
        receive:_.debounce(function (event, ui) {

            keywords = [];
            $('#ulozene').text('');
            $('#green > div').each(function (index) {
                $('<span>' + $(this).text() + '<br /></span>').appendTo($('#ulozene'));
                keywords.push($.trim($(this).clone().children().remove().end().text()));
            });


            $.ajax({
                type:'POST',
                data:{ 'keywords':keywords },
                url:CI.base_url + 'profile/saveKeywords/',
                success:function (response) {
                    if (response == 'ok') {
                        var d = new Date();
                        $('#keywords_auto').show().html('<span style="color:green;">Automaticky uložené o ' + pad(d.getHours()) + ":" + pad(d.getMinutes()) + '</span>');
                    }
                }
            });


        }, 1000)
    });
    $('#newArea').keyup(function () {
        if ($('#newArea').val().length > 3) {
            $('#nofify_error').html('');
        }
        $(this).val($(this).val().replace(/[^áäčěéíľľňôóšťúýžÁÄČĚÉÍĽĹŇÔÓŠŤÚÝŽA-Za-z0-9\s?]/g, ''));
    });

    $('#pridaj').click(function (e) {
        e.preventDefault();
        if ($('#newArea').val().length > 0) {

            if ($('#newArea').val().length < 3) {
                $('#nofify_error').html('minimálne 3 znaky');
                return false;
            }

            ////


            $.ajax({
                type:'POST',
                data:{ 'keyw_occ':$('#newArea').val() },
                url:CI.base_url + 'profile/keywordOccurences/',
                success:function (response) {
                    obj = eval("(" + response + ")");
                    var d = new Date();
                    $("<div class='keyword'><div class='close_img'></div>" + $('#newArea').val() + "<span> (" + obj + ")</span></div>").appendTo('#red');
                    $('#newArea').val('');
                }
            });


            ////


        }
        return false;
    });

    $('#save_keywords').click(function () {
        keywords = [];
        $('#ulozene').text('');
        $('#keywords_auto').html('');
        $('#keywords').show().html('<span style="color:green;">Zmeny nastavení kľúčových slov boli úspešne uložené.</span>');
        setTimeout(function () {
            $('#keywords').fadeOut(1000);
        }, 1000);

        $('#green > div').each(function (index) {
            keywords.push($.trim($(this).clone().children().remove().end().text()));
        });


        $.ajax({
            type:'POST',
            data:{ 'keywords':keywords },
            url:CI.base_url + 'profile/saveKeywords/',
            success:function (response) {
                if (response == 'ok') {
                    $('#keywords_auto').html('');
                    $('#keywords').show().html('<span style="color:green;">Zmeny nastavení kľúčových slov boli úspešne uložené.</span>');
                    setTimeout(function () {
                        $('#keywords').fadeOut(1000);
                    }, 1000);
                }
            }
        });


    })

    $('.close_img').live('click', function () {
        $(this).parent().remove();
    });

    function pad(n) {
        return n < 10 ? '0' + n : n
    }

});  